import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class bottomWidget {


  title() {
    return Container(
      child: Stack(
        textDirection: TextDirection.ltr,
        clipBehavior: Clip.none,
        fit: StackFit.loose,
        children: [
          Container(),
          Positioned(
            child: SizedBox(
              child: Container(
                decoration: BoxDecoration(
                    color: Colors.red,
                    border: Border.all(color: Colors.white, width: 2),
                    borderRadius: BorderRadius.circular(5)),
              ),
            ),
            top: -20,
            left: 13,
            width: 150,
            height: 90,
          ),
          Positioned(
            right: 50,
            top: 20,
            child: Container(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Container(
                    margin: EdgeInsets.only(bottom: 15),
                    child: Text('昆石路跑联赛--千灯站'),
                  ),
                  Row(
                    children: [
                      Container(
                        child: Icon(
                          Icons.access_time,
                          color: Color.fromRGBO(136, 136, 136, 1),
                          size: 15,
                        ),
                      ),
                      Container(
                        margin: EdgeInsets.only(left: 3),
                        child: Text(
                          '2020-11-06',
                          style: TextStyle(
                              fontSize: 12,
                              height: 1.3,
                              color: Color.fromRGBO(136, 136, 136, 1)),
                        ),
                      ),
                    ],
                  )
                ],
              ),
            ),
          ),
          Positioned(
              width: 14,
              height: 14,
              top: 7,
              right: 12,
              child: Container(
                child: Icon(
                  Icons.close,
                  color: Color.fromRGBO(136, 136, 136, 1),
                ),
              ))
        ],
      ),
    );
  }

  options() {
    return Container(
      margin: EdgeInsets.only(top: 80),
      padding: EdgeInsets.symmetric(horizontal: 13),
      child: Column(
        children: [
          Row(
            children: [
              Container(
                width: 3,
                height: 17,
                color: Color.fromRGBO(191, 55, 54, 1),
              ),
              Container(
                margin: EdgeInsets.only(left: 10),
                child: Text(
                  '选择组别',
                  style: TextStyle(color: Color.fromRGBO(102, 102, 102, 1)),
                ),
              )
            ],
          ),
          Container(
            margin: EdgeInsets.only(top: 15),
            padding: EdgeInsets.symmetric(horizontal: 15, vertical: 30),
            decoration: BoxDecoration(
                color: Color.fromRGBO(249, 249, 249, 1),
                border: Border.all(color: Color.fromRGBO(221, 221, 221, 1)),
                borderRadius: BorderRadius.circular(5)),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Container(
                  child: Text('10公里男子组'),
                ),
                Row(
                  children: [
                    Container(
                      child: Text(
                        '¥ 99.00',
                        style: TextStyle(
                            fontSize: 13, fontWeight: FontWeight.bold),
                      ),
                    ),
                    Container(
                      child: Text(
                        '/人',
                        style: TextStyle(fontSize: 10),
                      ),
                    )
                  ],
                )
              ],
            ),
          ),

        ],
      ),
    );
  }

  bottomBtn() {
    return Container(
      height: 55,
      child: Row(
        children: [
          Flexible(
            flex: 1,
            child: Container(
              alignment: Alignment.center,
              padding: EdgeInsets.only(left: 12),
              child: Row(
                children: [
                  Container(child: Text('数量',style: TextStyle(fontSize: 12),),),
                  Container(margin: EdgeInsets.only(left: 5),child: Image.asset('images/active/reduce.png',width: 21,height: 21,),),
                  Container(margin: EdgeInsets.symmetric(horizontal: 5),child: Text('1'),),
                  Container(child: Image.asset('images/active/add_active.png',width: 21,height: 21,),),
                ],
              ),
            ),
          ),
          Flexible(
            flex: 1,
            child: Container(
              alignment: Alignment.center,
              color: Color.fromRGBO(191, 55, 54, 1),
              child: Text(
                '立即报名',
                style: TextStyle(fontSize: 15, color: Colors.white),
              ),
            ),
          )
        ],
      ),
    );
  }
}
